<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/index.css">
    <title>lbcDNF</title>
</head>
<body>
    <div class="history">
        <div class="history-max" style="width: 0px;">
            <div class="history-more">
                <a href="#" class="ma">更多历史版本 +</a>
                <a href="#" class="mb">活动中心 +</a>
            </div>
            <ul>
                <li>
                    <a href="#">
                        <h4>
                            普雷·伊希斯
                            <em></em>
                        </h4>
                        <span></span>
                        <p>使徒档案之寻迹</p>
                        <p>6月6日</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h4>
                            普雷·伊希斯
                            <em></em>
                        </h4>
                        <span></span>
                        <p>使徒档案之寻迹</p>
                        <p>6月6日</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h4>
                            普雷·伊希斯
                            <em></em>
                        </h4>
                        <span></span>
                        <p>使徒档案之寻迹</p>
                        <p>6月6日</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h4>
                            普雷·伊希斯
                            <em></em>
                        </h4>
                        <span></span>
                        <p>使徒档案之寻迹</p>
                        <p>6月6日</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <h4>
                            普雷·伊希斯
                            <em></em>
                        </h4>
                        <span></span>
                        <p>使徒档案之寻迹</p>
                        <p>6月6日</p>
                    </a>
                </li>
                <li class="s">
                    <a href="#">
                        <h4>
                            普雷·伊希斯
                            <em></em>
                        </h4>
                        <span></span>
                        <p>使徒档案之寻迹</p>
                        <p>6月6日</p>
                    </a>
                </li>
            </ul>
        </div>
        <div class="history-min">
            <em></em>
        </div>
    </div>
    <div class="ost ost_bg">
        <ul class="ost_b">
            <li class="ost_tg ost_bg">
                <a href="" class="ost_blnk">腾讯游戏</a>
            </li>
            <li class="ost_gg">
                <a href="" class="ost_blnk">
                    <img src="img/ost_1.png" alt="">
                </a>
            </li>
            <li class="ost_i">
                <p class="ost_t ost_bg">
                    <a href="" class="ost_lnk">返回官网首页</a>
                </p>
                <p class="ost_gl">
                    <a href="" class="ost_lnk ost_ldc">游戏下载</a><a href="" class="ost_lnk ost_ldc">充值点券</a><a href=""
                        class="ost_lnk ost_ldc">开通黑钻</a>
                </p>
            </li>
        </ul>
    </div>
    <div class="warp">
        <div class="head">
            <div class="sprite logo">
                <a href=""></a>
            </div>
            <div class="head_t">
                <div class="head_inner">
                    <ul class="head_over" id="head-over">
                        <li class="cur">
                            <a href="">
                                官网首页<span>HOME</span>
                            </a>
                        </li>
                        <li class="cur">
                            <a href="">
                                游戏资料<span>GAME INFO</span>
                            </a>
                        </li>
                        <li class="cur">
                            <a href="">
                                活动<span>ACTIVITY</span>
                            </a>
                        </li>
                        <li class="cur">
                            <a href="">
                                赛事<span>EVENT</span>
                            </a>
                        </li>
                        <li class="cur">
                            <a href="">
                                用户服务<span>SYSTEM</span>
                            </a>
                        </li>
                        <li class="cur">
                            <a href="">
                                游戏安全<span>SECURITY</span>
                            </a>
                        </li>
                        <li class="cur">
                            <a href="">
                                玩家社区<span>COMMUNITY</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="head_b" id="head-b">
                <div class="head_inner">
                    <div class="head_b_inner head_over" id="head-bul">
                        <ul>
                            <li>
                                <a href="">世界观</a>
                            </li>
                            <li>
                                <a href="">周边商城</a>
                            </li>
                            <li>
                                <a href="">道聚城</a>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="">新闻公告</a>
                            </li>
                            <li>
                                <a href="">版本专题</a>
                            </li>
                            <li>
                                <a href="">职业攻略</a>
                            </li>
                            <li>
                                <a href="">壁纸时装</a>
                            </li>
                            <li>
                                <a href="">视频中心</a>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="">官方活动</a>
                            </li>
                            <li>
                                <a href="">合作活动</a>
                            </li>
                            <li>
                                <a href="">媒体活动</a>
                            </li>
                            <li>
                                <a href="">网吧特权</a>
                            </li>
                            <li>
                                <a href="">玩家共创</a>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="">F1天王赛</a>
                            </li>
                            <li>
                                <a href="">职业联赛</a>
                            </li>
                            <li>
                                <a href="">职业第一人</a>
                            </li>
                            <li>
                                <a href="">DPL赛事</a>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="">充值</a>
                            </li>
                            <li>
                                <a href="">兑换CDKEY</a>
                            </li>
                            <li>
                                <a href="">角色恢复</a>
                            </li>
                            <li>
                                <a href="">圣耀服务</a>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="">安全任务</a>
                            </li>
                            <li>
                                <a href="">处罚申诉</a>
                            </li>
                            <li>
                                <a href="">视频举报</a>
                            </li>
                            <li>
                                <a href="">被盗找回</a>
                            </li>
                            <li>
                                <a href="">信用星级</a>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <a href="">DNF助手</a>
                            </li>
                            <li>
                                <a href="">论坛</a>
                            </li>
                            <li>
                                <a href="">微信</a>
                            </li>
                            <li>
                                <a href="">微博</a>
                            </li>
                            <li>
                                <a href="">问答</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

        </div>
        <div class="bg1"></div>
        <div class="bg2"></div>
        <div class="bg3"></div>
        <div class="bg4"></div>

        <div class="content">
            <div class="content-left">
                <ul class="content-left-t">
                    <li class="down">
                        <a href="">下载游戏</a>
                    </li>
                    <li class="regist">
                        <a href="">注册</a>
                    </li>
                    <li class="recharge">
                        <a href="">充值</a>
                    </li>
                    <li class="props">
                        <a href="">新手礼包</a>
                    </li>
                </ul>
                <!-- 快速入口 -->
                <div class="quick-nav modle-enter menu-quick">
                    <h3 class="tit-line">快速入口</h3>
                    <ul>
                        <li>
                            <a href="">
                                <s class="sprite icon-cdk"></s>
                                CDK兑换</a>
                        </li>
                        <li>
                            <a href="">
                                <s class="sprite icon-black"></s>
                                黑钻专区</a>
                        </li>
                        <li>
                            <a href="">
                                <s class="sprite icon-service"></s>
                                客服留言</a>
                        </li>
                        <li>
                            <a href="">
                                <s class="sprite icon-safe"></s>
                                安全中心</a>
                        </li>
                        <li>
                            <a href="">
                                <s class="sprite icon-shop"></s>
                                周边商城</a>
                        </li>
                        <li>
                            <a href="">
                                <s class="sprite icon-online"></s>
                                联系客服</a>
                        </li>
                    </ul>
                    <h3 class="tit-line">玩家社区</h3>
                    <ul>
                        <li>
                            <a href="">
                                <s class="sprite icon-bbs"></s>
                                论坛交流</a>
                        </li>
                        <li>
                            <a href="">
                                <s class="sprite icon-wechat"></s>
                                关注微信</a>
                        </li>
                        <li>
                            <a href="">
                                <s class="sprite icon-light"></s>
                                点亮图标</a>
                        </li>
                        <li>
                            <a href="">
                                <s class="sprite icon-radio"></s>
                                DNF电台</a>
                        </li>
                        <li>
                            <a href="">
                                <s class="sprite icon-draw"></s>
                                原画馆</a>
                        </li>
                        <li>
                            <a href="">
                                <s class="sprite icon-happy"></s>
                                心悦专区</a>
                        </li>
                    </ul>
                </div>
                <!-- 新手指南 -->
                <div class="menu-guide belong-m">
                    <ul class="menu-guide-tit">
                        <li class="menu-guide-tit-li">
                            <a href="javascript:;">新手指南</a>
                            <s class="icon-arrow sprite"></s>
                        </li>
                        <li class="menu-guide-tit-li">
                            <a href="javascript:;">资料百科</a>
                            <s class="icon-arrow sprite"></s>
                        </li>
                        <li class="menu-guide-tit-li">
                            <a href="javascript:;">攻略视频</a>
                            <s class="icon-arrow sprite"></s>
                        </li>
                        <li class="menu-guide-tit-li">
                            <a href="javascript:;">自助服务</a>
                            <s class="icon-arrow sprite"></s>
                        </li>

                    </ul>
                    <div class="menu-guide-list">
                        <div class="guide-pane1 ns ">
                            <ul class="s-icon">
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-yxdl"></s>游戏登陆
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-yxjm"></s>游戏界面
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-xtsz"></s>系统设置
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-zyjn"></s>职业/技能
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-djjy"></s>等级经验
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-zdxt"></s>战斗系统
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-rwxt"></s>任务系统
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-dxc"></s>地下城
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-sqxt"></s>社区系统
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-cw"></s>宠物
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-scjy"></s>生产/交易
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-fzy"></s>副职业
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-zb"></s>装备
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-sc"></s>商城
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-tswf"></s>特色玩法
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-jdc"></s>决斗场
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="guide-pane2 ns">
                            <ul class="s-icon s-icon-bk">
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-gfzlz"></s>官方资料站
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-17173"></s>17173资料站
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-lsbb"></s>历史版本
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-mh"></s>漫画
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-xs"></s>小说
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-music"></s>音乐
                                    </a>
                                </li>
                            </ul>
                            <div class="bk-sup-nav">
                                <h4>剧情百科</h4>
                                <p>
                                    <a href="">故事大纲</a>
                                    <a href="">插曲故事</a>
                                    <a href="">版本故事</a>
                                    <a href="">故事簿</a>
                                </p>
                                <h4>人物百科</h4>
                                <p>
                                    <a href="">职业设定</a>
                                    <a href="">种族介绍</a>
                                    <a href="">城镇人物</a>
                                    <a href="">剧情人物</a>
                                </p>
                                <h4>背景知识</h4>
                                <p>
                                    <a href="">地理划分</a>
                                    <a href="">势力介绍</a>
                                    <a href="">组织介绍</a>
                                    <a href="">区域介绍</a>
                                </p>
                                <h4>游戏设定 </h4>
                                <p>
                                    <a href="">编年史</a>
                                    <a href="">重要事件</a>
                                    <a href="">游戏术语</a>

                                </p>
                                <div class="guide-pane1-more">
                                    <a href="">更多 </a>
                                </div>
                            </div>
                        </div>
                        <div class="guide-pane3 ns">
                            <div class="bk-sup-nav bk-sub-nav-video">
                                <h4>职业攻略</h4>
                                <p>
                                    <a href="">鬼剑士</a>
                                    <a href="">格斗家（女）</a>
                                    <a href="">神枪手</a>
                                    <a href="">魔法师（女）</a>
                                    <a href="">圣职者</a>
                                    <a href="">女枪手</a>
                                    <a href="">暗夜使者</a>
                                    <a href="">缔造者</a>
                                    <a href="">鬼剑士（女）</a>
                                    <a href="">守护者</a>
                                    <a href="">格斗家（男）</a>
                                    <a href="">男法师</a>
                                    <a href="">黑暗武士</a>
                                </p>
                                <h4>地下城攻略</h4>
                                <p>
                                    <a href="">异界地下城</a>
                                    <a href="">远古镇魂曲</a>
                                    <a href="">安徒恩地下城</a>
                                    <a href="">遗忘之地</a>
                                    <a href="">守护者祭坛</a>
                                    <a href="">无尽的祭坛</a>
                                    <a href="">绝望之塔</a>
                                    <a href="">领主之塔</a>
                                    <a href="">每周活动（格兰之森山麓）</a>

                                </p>
                            </div>
                            <ul class="bk-sub-nav-video-btn">
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-video-btn"></s>职业视频
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-video-btn"></s>赛事视频
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-video-btn"></s>官方视频
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="guide-pane4 ns">
                            <ul class="s-icon s-icon-bk">
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-cz"></s>充值
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-tgp"></s>TGP助手
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-jdmnq"></s>加点模拟器
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-tyf"></s>体验服
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-bzcxq"></s>宝珠查询器
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-txzb"></s>头像装扮
                                    </a>
                                </li>
                                <li>
                                    <a href="">
                                        <s class="sprite-icon icon-qyzs"></s>自助工具
                                    </a>
                                </li>
                            </ul>
                            <div class="bk-sup-nav">
                                <h4>安全中心</h4>
                                <p>
                                    <a href="">女王的制裁</a>

                                    <a href="">封号查询</a>
                                    <a href="">封号申诉</a>
                                    <a href="">视频举报</a>
                                    <a href="">安全公约</a>
                                    <a href="">信用星级</a>
                                    <a href="">二级密码清除</a>
                                    <a href="">安全模式</a>

                                </p>
                                <h4>自助服务</h4>
                                <p>
                                    <a href="">充值</a>
                                    <a href="">消费记录</a>
                                    <a href="">角色恢复</a>
                                    <a href="">点亮图标</a>
                                    <a href="">兑换CDKEY</a>
                                    <a href="">预约组队</a>
                                </p>
                                <h4>客服中心</h4>
                                <p>
                                    <a href="">QQ在线客服 </a>
                                    <a href="">问答</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 道聚城 -->
                <div class="shop-push">
                    <h3 class="tit-line">道聚城推荐</h3>
                    <div class="shop-rottatebox">
                        <div class="shop-bd">
                            <div class="tab-pane1 shop a">
                                <ul>
                                    <li>
                                        <p class="shop-img">
                                            <a href="">
                                                <img src="img/a1.jpg" alt="">
                                            </a>
                                        </p>
                                        <div class="shop-info">
                                            <p class="shop-text">幸运魔锤（5个）</p>
                                            <p class="shop-money">1200点券</p>
                                            <a href="" class="shop-btn">立即购买</a>
                                        </div>
                                    </li>
                                    <li>
                                        <p class="shop-img">
                                            <a href="">
                                                <img src="img/a2.jpg" alt="">
                                            </a>
                                        </p>
                                        <div class="shop-info">
                                            <p class="shop-text">服务器喇叭（1个）</p>
                                            <p class="shop-money">250点券</p>
                                            <a href="" class="shop-btn">立即购买</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="tab-pane1 shop">
                                <ul>
                                    <li>
                                        <p class="shop-img">
                                            <a href="">
                                                <img src="img/a1.jpg" alt="">
                                            </a>
                                        </p>
                                        <div class="shop-info">
                                            <p class="shop-text">装扮合成器（5个）</p>
                                            <p class="shop-money">2000点券</p>
                                            <a href="" class="shop-btn">立即购买</a>
                                        </div>
                                    </li>
                                    <li>
                                        <p class="shop-img">
                                            <a href="">
                                                <img src="img/a2.jpg" alt="">
                                            </a>
                                        </p>
                                        <div class="shop-info">
                                            <p class="shop-text">异界地下城追加入场券（1次）</p>
                                            <p class="shop-money">150点券</p>
                                            <a href="" class="shop-btn">立即购买</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="tab-pane1 shop">
                                <ul>
                                    <li>
                                        <p class="shop-img">
                                            <a href="">
                                                <img src="img/a1.jpg" alt="">
                                            </a>
                                        </p>
                                        <div class="shop-info">
                                            <p class="shop-text">装扮属性调整箱（稀有）</p>
                                            <p class="shop-money">1900点券</p>
                                            <a href="" class="shop-btn">立即购买</a>
                                        </div>
                                    </li>
                                    <li>
                                        <p class="shop-img">
                                            <a href="">
                                                <img src="img/a2.jpg" alt="">
                                            </a>
                                        </p>
                                        <div class="shop-info">
                                            <p class="shop-text">武器特效符文（桃花）</p>
                                            <p class="shop-money">1800点券</p>
                                            <a href="" class="shop-btn">立即购买</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="tab-pane1 shop">
                                <ul>
                                    <li>
                                        <p class="shop-img">
                                            <a href="">
                                                <img src="img/a1.jpg" alt="">
                                            </a>
                                        </p>
                                        <div class="shop-info">
                                            <p class="shop-text">解除特效符文</p>
                                            <p class="shop-money">100点券</p>
                                            <a href="" class="shop-btn">立即购买</a>
                                        </div>
                                    </li>
                                    <li>
                                        <p class="shop-img">
                                            <a href="">
                                                <img src="img/a2.jpg" alt="">
                                            </a>
                                        </p>
                                        <div class="shop-info">
                                            <p class="shop-text">成长之契约（15天）</p>
                                            <p class="shop-money">1290点券</p>
                                            <a href="" class="shop-btn">立即购买</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="tab-pane1 shop">
                                <ul>
                                    <li>
                                        <p class="shop-img">
                                            <a href="">
                                                <img src="img/a1.jpg" alt="">
                                            </a>
                                        </p>
                                        <div class="shop-info">
                                            <p class="shop-text">无限猫头鹰</p>
                                            <p class="shop-money">3800点券</p>
                                            <a href="" class="shop-btn">立即购买</a>
                                        </div>
                                    </li>
                                    <li>
                                        <p class="shop-img">
                                            <a href="">
                                                <img src="img/a2.jpg" alt="">
                                            </a>
                                        </p>
                                        <div class="shop-info">
                                            <p class="shop-text">装备品级调整箱（1个）</p>
                                            <p class="shop-money">250点券</p>
                                            <a href="" class="shop-btn">立即购买</a>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="shop-hd">
                            <ul>
                                <li class="op"></li>
                                <li class="shop-hd-i"></li>
                                <li class="shop-hd-i"></li>
                                <li class="shop-hd-i"></li>
                                <li class="shop-hd-i"></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- 合作媒体 -->
                <div class="teamwork">
                    <div class="teamwork-select">
                        <h3 class="sprite">合作媒体网站</h3>
                        <ul class="teamwork-list">
                            <li>
                                <a href="">电脑游戏管家福利</a>
                            </li>
                            <li>
                                <a href="">腾讯文学</a>
                            </li>
                            <li>
                                <a href="">腾讯DNF资料站</a>
                            </li>
                            <li>
                                <a href="">17173游戏专区</a>
                            </li>
                            <li>
                                <a href="">多玩游戏专区</a>
                            </li>
                            <li>
                                <a href="">游久网游戏专区</a>
                            </li>
                            <li>
                                <a href="">太平洋游戏网专区</a>
                            </li>
                            <li>
                                <a href="">地下城与勇士52pk</a>
                            </li>
                            <li>
                                <a href="">腾讯视频游戏专区</a>
                            </li>
                            <li>
                                <a href="">爱玩网专区</a>
                            </li>
                            <li>
                                <a href="">爱拍游戏专区</a>
                            </li>
                            <li>
                                <a href="">新浪网游戏专区</a>
                            </li>
                            <li>
                                <a href="">178</a>
                            </li>
                            <li>
                                <a href="">掌游宝</a>
                            </li>
                            <li>
                                <a href="">兔玩网游戏专区</a>
                            </li>
                            <li>
                                <a href="">叶子猪DNF专区</a>
                            </li>
                        </ul>
                    </div>

                </div>
            </div>
            <div class="content-right">
                <div class="mode mode-1 index-show">
                    <div class="mode_l">
                        <div class="gg">
                            <div class="gg-main">
                                <a href="">
                                    <img src="img/rt.jpeg" alt="">
                                    <div class="gg-info">
                                        <p class="gg-mask">
                                        </p>
                                        <div class="gg-info-text">
                                            <p class="gg-title">桂月好礼缤纷送</p>
                                            <p class="gg-sumTitle">送20000代币 双角色上线送泰波尔斯装备</p>
                                            <p class="gg-icon">
                                                查看
                                                <span class="sprite"></span>
                                            </p>
                                        </div>
                                    </div>

                                </a>
                            </div>
                            <div id="box">
                                <div id="box-cen">                                    
                                        <img width="340" src="img/lb1.jpeg" alt="" class="img">                                                               
                                        <img width="340" src="img/lb4.jpeg" alt="" class="img">                                 
                                        <img width="340" src="img/lb3.jpeg" alt="" class="img">                                   
                                        <img width="340" src="img/lb1.jpeg" alt="" class="img">                                    
                                        <img width="340" src="img/lb2.jpeg" alt="" class="img">                                    
                                        <img width="340" src="img/lb1.jpeg" alt="" class="img">                                   
                                </div>
                                <div id="d">
                                    <span class="active"></span>
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                    <span></span>
                                    
                                </div>
                                
                            </div>
                        </div>
                    </div>

                    <div class="mode_r">
                        <div class="news">
                            <ul class="news-hd rtr">
                                <li class="active">
                                    <a href="javascript:;">综合</a>
                                    <span class="sprite icon-push"></span>
                                    <em>7</em>
                                </li>
                                <li>
                                    <a href="javascript:;">公告</a>
                                    <span class="sprite icon-push"></span>
                                    <em></em>
                                </li>
                                <li>
                                    <a href="javascript:;">赛事</a>
                                    <span class="sprite icon-push"></span>
                                    <em></em>
                                </li>
                                <li>
                                    <a href="javascript:;">社区</a>
                                    <span class="sprite icon-push"></span>
                                    <em></em>
                                </li>
                                <li>
                                    <a href="javascript:;">媒体</a>
                                    <span class="sprite icon-push"></span>
                                    <em></em>
                                </li>
                            </ul>
                            <div class="news_bd">
                                <div class="tab-pane1 dis">
                                    <ul class="news-list">
                                        <li class="news-hot">
                                            <span>08/29</span>
                                            <em class="sprite news_type news_type1">新闻</em>
                                            <a href="">聆心计划中韩策划见面会·深圳站 报名开启</a>
                                        </li>
                                        <li>
                                            <span>08/30</span>
                                            <em class="sprite news_type news_type1">新闻</em>
                                            <a href="">DPL挑战赛PVE四强战队诞生</a>
                                        </li>
                                        <li>
                                            <span>08/30</span>
                                            <em class="sprite news_type news_type1">新闻</em>
                                            <a href="">半决赛战报：DPL挑战赛PVP大爆冷！</a>
                                        </li>
                                        <li>
                                            <span>08/29</span>
                                            <em class="sprite news_type news_type1">新闻</em>
                                            <a href="">8月29日上海电信网络运营商故障相关公告</a>
                                        </li>
                                        <li>
                                            <span>08/29</span>
                                            <em class="sprite news_type news_type1">新闻</em>
                                            <a href="">聆听玩家诉求 DNF中韩策划玩家见面会即将举办</a>
                                        </li>
                                        <li>
                                            <span>08/29</span>
                                            <em class="sprite news_type news_type1">新闻</em>
                                            <a href="">2019 DPL决战即将打响 首个DNF主题街舞来袭</a>
                                        </li>
                                        <li>
                                            <span>08/29</span>
                                            <em class="sprite news_type news_type1">新闻</em>
                                            <a href="">DPL巅峰决战即将打响，韩国小将叫板中国队：你们等着吧!</a>
                                        </li>
                                    </ul>
                                    <div class="news-more">
                                        <a href="">
                                            查看更多资讯 <span class="sprite icon-news"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="tab-pane1 dis">
                                    <ul class="news-list">
                                        <li class="news-hot">
                                            <span>08/29</span>
                                            <em class="sprite news_type news_type2">新闻</em>
                                            <a href="">8月29日上海电信网络运营商故障相关公告</a>
                                        </li>
                                        <li>
                                            <span>08/28</span>
                                            <em class="sprite news_type news_type2">公告</em>
                                            <a href="">8月29日 早5点停机更新公告</a>
                                        </li>
                                        <li>
                                            <span>08/22</span>
                                            <em class="sprite news_type news_type2">公告</em>
                                            <a href="">“桂月好礼缤纷送”活动修复公告</a>
                                        </li>
                                        <li>
                                            <span>08/21</span>
                                            <em class="sprite news_type news_type2">公告</em>
                                            <a href="">8月22日 早3点30分停机更新公告</a>
                                        </li>
                                        <li>
                                            <span>08/14</span>
                                            <em class="sprite news_type news_type2">公告</em>
                                            <a href="">8月15日 早9点不停机更新公告</a>
                                        </li>
                                        <li>
                                            <span>08/07</span>
                                            <em class="sprite news_type news_type2">公告</em>
                                            <a href="">8月8日 早4点停机更新公告</a>
                                        </li>
                                        <li>
                                            <span>07/29</span>
                                            <em class="sprite news_type news_type2">新闻</em>
                                            <a href="">7月30日 早5点停机更新公告</a>
                                        </li>
                                    </ul>
                                    <div class="news-more">
                                        <a href="">
                                            查看更多资讯 <span class="sprite icon-news"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="tab-pane1 dis">
                                    <ul class="news-list">
                                        <li class="news-hot">
                                            <span>08/29</span>
                                            <em class="sprite news_type news_type3">赛事</em>
                                            <a href="">2019-DPL全国挑战赛完美收官！</a>
                                        </li>
                                        <li>
                                            <span>08/30</span>
                                            <em class="sprite news_type news_type3">赛事</em>
                                            <a href="">DPL挑战赛PVE四强战队诞生</a>
                                        </li>
                                        <li>
                                            <span>08/30</span>
                                            <em class="sprite news_type news_type3">赛事</em>
                                            <a href="">半决赛战报：DPL挑战赛PVP大爆冷！</a>
                                        </li>
                                        <li>
                                            <span>08/29</span>
                                            <em class="sprite news_type news_type3">赛事</em>
                                            <a href="">2019 DPL决战即将打响 首个DNF主题街舞来袭</a>
                                        </li>
                                        <li>
                                            <span>08/29</span>
                                            <em class="sprite news_type news_type3">赛事</em>
                                            <a href="">DPL巅峰决战即将打响，韩国小将叫板中国队：你们等着吧!</a>
                                        </li>
                                        <li>
                                            <span>08/28</span>
                                            <em class="sprite news_type news_type3">赛事</em>
                                            <a href="">DPL韩国选手对中国选手放话：你们都要输！</a>
                                        </li>
                                        <li>
                                            <span>07/19</span>
                                            <em class="sprite news_type news_type3">赛事</em>
                                            <a href="">DPL全新赛事来袭，超时空竞速等你来战</a>
                                        </li>
                                    </ul>
                                    <div class="news-more">
                                        <a href="">
                                            查看更多资讯 <span class="sprite icon-news"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="tab-pane1 dis">
                                    <ul class="news-list">
                                        <li class="news-hot">
                                            <span>08/29</span>
                                            <em class="sprite news_type news_type4">社区</em>
                                            <a href="">官方招募：跨区玩家群、城市玩家群火热招募中</a>
                                        </li>
                                        <li>
                                            <span>08/02</span>
                                            <em class="sprite news_type news_type4">社区</em>
                                            <a href="">体验服快讯，0808版本更新</a>
                                        </li>
                                        <li>
                                            <span>08/02</span>
                                            <em class="sprite news_type news_type4">社区</em>
                                            <a href="">盘点阿拉德大陆上出现的哥布林们</a>
                                        </li>
                                        <li>
                                            <span>07/29</span>
                                            <em class="sprite news_type news_type4">社区</em>
                                            <a href="">DNF基础知识科普专栏，双属强篇</a>
                                        </li>
                                        <li>
                                            <span>07/29</span>
                                            <em class="sprite news_type news_type4">社区</em>
                                            <a href="">体验服快讯，0730版本更新</a>
                                        </li>
                                        <li>
                                            <span>07/29</span>
                                            <em class="sprite news_type news_type4">社区</em>
                                            <a href="">佣兵中介所，攻略教学</a>
                                        </li>
                                        <li>
                                            <span>07/23</span>
                                            <em class="sprite news_type news_type4">社区</em>
                                            <a href="">DNF官方写手团招募</a>
                                        </li>
                                    </ul>
                                    <div class="news-more">
                                        <a href="">
                                            查看更多资讯 <span class="sprite icon-news"></span>
                                        </a>
                                    </div>
                                </div>
                                <div class="tab-pane1 dis">
                                    <ul class="news-list">
                                        <li class="news-hot">
                                            <span>08/29</span>
                                            <em class="sprite news_type news_type5">媒体</em>
                                            <a href="">灵魂之冢还能这样玩？这些小技巧一定要知道</a>
                                        </li>
                                        <li>
                                            <span>08/28</span>
                                            <em class="sprite news_type news_type5">媒体</em>
                                            <a href="">DNF国服职业平衡来袭！剑帝有望成为新幻神 关羽小幅提升</a>
                                        </li>
                                        <li>
                                            <span>08/28</span>
                                            <em class="sprite news_type news_type5">媒体</em>
                                            <a href="">肝桂月活动太累了？ 教你轻松速刷每周任务</a>
                                        </li>
                                        <li>
                                            <span>08/27</span>
                                            <em class="sprite news_type news_type5">媒体</em>
                                            <a href="">8月29日上海电信网络运营商故障相关公告</a>
                                        </li>
                                        <li>
                                            <span>08/27</span>
                                            <em class="sprite news_type news_type5">媒体</em>
                                            <a href="">鬼泣进团只看装备？放好技能输出立马翻倍！</a>
                                        </li>
                                        <li>
                                            <span>08/27</span>
                                            <em class="sprite news_type news_type5">媒体</em>
                                            <a href="">天空太阳还是大地？三大权能的选择思路浅析</a>
                                        </li>
                                        <li>
                                            <span>08/27</span>
                                            <em class="sprite news_type news_type5">媒体</em>
                                            <a href="">揭秘DNF四大老梗 下水道原为褒义 假猪套只是一个传说</a>
                                        </li>
                                    </ul>
                                    <div class="news-more">
                                        <a href="">
                                            查看更多资讯 <span class="sprite icon-news"></span>
                                        </a>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>


                <div class="mode mode-2 index-show">
                    <div class="mode_l">
                        <div class="act">
                            <div class="title">活动中心</div>
                            <div class="act_btn_more">
                                <a href="" class="sprite icon-xy">心悦</a>
                                <a href="" class="icon-actCenter">活动中心</a>
                            </div>
                            <div class="act_con">
                                <ul class="act-hd hot">
                                    <li class="active">
                                        <a href="javascript:;" style="color: red;">热门推荐</a>
                                        <span class="sprite icon-push"></span>
                                        <em></em>
                                    </li>
                                    <li>
                                        <a href="javascript:;">新手升级</a>
                                        <span class="sprite icon-push"></span>
                                        <em></em>
                                    </li>
                                    <li>
                                        <a href="javascript:;">商城特惠</a>
                                        <span class="sprite icon-push"></span>
                                        <em></em>
                                    </li>
                                    <li>
                                        <a href="javascript:;">合作活动</a>
                                        <span class="sprite icon-push"></span>
                                        <em></em>
                                    </li>
                                </ul>
                                <div class="act-bd">
                                    <div class="act-list-title">
                                        <span>活动名称</span>
                                        <span>主要奖励</span>
                                        <span>结束时间</span>
                                        <span></span>
                                    </div>
                                    <div class="tab-pane1 act-pane1">
                                        <div class="swiper-container swiper-container-vertical">
                                            <div class="swiper-warpper">
                                                <div class="swiper-slide tb">
                                                    <ul class="act-list">
                                                        <li>
                                                            <p class="actName">
                                                                <a href="">桂月好礼缤纷送</a>
                                                            </p>
                                                            <p>
                                                                <img src="img/hd1.jpg" alt="">
                                                            </p>
                                                            <p>
                                                                <span>
                                                                    <b>23</b>天后结束
                                                                </span>
                                                            </p>
                                                            <p>
                                                                <a href="" class="sprite icon-get"></a>
                                                            </p>
                                                        </li>



                                                        <li>
                                                            <p class="actName">
                                                                <a href="">勇士大乱弹</a>
                                                            </p>
                                                            <p>
                                                                <img src="img/2.png" alt="">
                                                            </p>
                                                            <p>
                                                                <span>
                                                                    <b>21</b>天后结束
                                                                </span>
                                                            </p>
                                                            <p>
                                                                <a href="" class="sprite icon-get"></a>
                                                            </p>
                                                        </li>
                                                        <li>
                                                            <p class="actName">
                                                                <a href="">贝奇的时空旅行</a>
                                                            </p>
                                                            <p>
                                                                <img src="img/3.jpg" alt="">
                                                            </p>
                                                            <p>
                                                                <span>
                                                                    <b>23</b>天后结束
                                                                </span>
                                                            </p>
                                                            <p>
                                                                <a href="" class="sprite icon-get"></a>
                                                            </p>
                                                        </li>
                                                        <li>
                                                            <p class="actName">
                                                                <a href="">超强去污洗一洗</a>
                                                            </p>
                                                            <p>
                                                                <img src="img/4.png" alt="">
                                                            </p>
                                                            <p>
                                                                <span>
                                                                    <b>2</b>天后结束
                                                                </span>
                                                            </p>
                                                            <p>
                                                                <a href="" class="sprite icon-get"></a>
                                                            </p>
                                                        </li>
                                                        <li>
                                                            <p class="actName">
                                                                <a href="">寻宝乐翻天</a>
                                                            </p>
                                                            <p>
                                                                <img src="img/5.jpg" alt="">
                                                            </p>
                                                            <p>
                                                                <span>
                                                                    <b>21</b>天后结束
                                                                </span>
                                                            </p>
                                                            <p>
                                                                <a href="" class="sprite icon-get"></a>
                                                            </p>
                                                        </li>
                                                        <li>
                                                            <p class="actName">
                                                                <a href="">桂月好礼缤纷送</a>
                                                            </p>
                                                            <p>
                                                                <img src="img/hd1.jpg" alt="">
                                                            </p>
                                                            <p>
                                                                <span>
                                                                    <b>23</b>天后结束
                                                                </span>
                                                            </p>
                                                            <p>
                                                                <a href="" class="sprite icon-get"></a>
                                                            </p>
                                                        </li>
                                                    </ul>
                                                </div>

                                                <div class="swiper-slide tb">
                                                    <ul class="act-list">
                                                        <li>
                                                            <p class="actName">
                                                                <a href="">8月新手礼包</a>
                                                            </p>
                                                            <p>
                                                                <img src="img/6.jpg" alt="">
                                                            </p>
                                                            <p>
                                                                <span>
                                                                    <b>3</b>天后结束
                                                                </span>
                                                            </p>
                                                            <p>
                                                                <a href="" class="sprite icon-get"></a>
                                                            </p>
                                                        </li>

                                                    </ul>
                                                </div>

                                                <div class="swiper-slide tb">
                                                    <ul class="act-list">
                                                        <li>
                                                            <p class="actName">
                                                                <a href=" ">八月魔盒上新</a>
                                                            </p>
                                                            <p>
                                                                <img src="img/7.jpg" alt="">
                                                            </p>
                                                            <p>
                                                                <span>
                                                                    <b>2</b>天后结束
                                                                </span>
                                                            </p>
                                                            <p>
                                                                <a href="" class="sprite icon-get"></a>
                                                            </p>
                                                        </li>
                                                       



                                                        <li>
                                                            <p class="actName">
                                                                <a href="">武器幻化道具全新上架</a>
                                                            </p>
                                                            <p>
                                                                <img src="img/7.jpg" alt="">
                                                            </p>
                                                            <p>
                                                                <span>
                                                                    <b>长期活动</b>
                                                                </span>
                                                            </p>
                                                            <p>
                                                                <a href="" class="sprite icon-get"></a>
                                                            </p>
                                                        </li>
                                                        <li>
                                                            <p class="actName">
                                                                <a href="">昔年之春装扮袖珍罐</a>
                                                            </p>
                                                            <p>
                                                                <img src="img/7.jpg" alt="">
                                                            </p>
                                                            <p>
                                                                <span>
                                                                    <b>2</b>天后结束
                                                                </span>
                                                            </p>
                                                            <p>
                                                                <a href="" class="sprite icon-get"></a>
                                                            </p>
                                                        </li>
                                                        <li>
                                                            <p class="actName">
                                                                <a href="">空域之怒海霸主礼包</a>
                                                            </p>
                                                            <p>
                                                                <img src="img/hd1.jpg" alt="">
                                                            </p>
                                                            <p>
                                                                <span>
                                                                    <b>2</b>天后结束
                                                                </span>
                                                            </p>
                                                            <p>
                                                                <a href="" class="sprite icon-get"></a>
                                                            </p>
                                                        </li>
                                                        <li>
                                                            <p class="actName">
                                                                <a href="">礼遇特权长期出售</a>
                                                            </p>
                                                            <p>
                                                                <img src="img/7.jpg" alt="">
                                                            </p>
                                                            <p>
                                                                <span>
                                                                    <b>长期活动</b>
                                                                </span>
                                                            </p>
                                                            <p>
                                                                <a href="" class="sprite icon-get"></a>
                                                            </p>
                                                        </li>
                                                        <li>
                                                            <p class="actName">
                                                                <a href="">桂月好礼缤纷送</a>
                                                            </p>
                                                            <p>
                                                                <img src="img/7.jpg" alt="">
                                                            </p>
                                                            <p>
                                                                <span>
                                                                    <b>23</b>天后结束
                                                                </span>
                                                            </p>
                                                            <p>
                                                                <a href="" class="sprite icon-get"></a>
                                                            </p>
                                                        </li>
                                                    </ul>
                                                </div>

                                                <div class="swiper-slide tb">
                                                    <ul class="act-list">
                                                        <li>
                                                            <p class="actName">
                                                                <a href="">桂月好礼缤纷送</a>
                                                            </p>
                                                            <p>
                                                                <img src="img/8.jpg" alt="">
                                                            </p>
                                                            <p>
                                                                <span>
                                                                    <b>23</b>天后结束
                                                                </span>
                                                            </p>
                                                            <p>
                                                                <a href="" class="sprite icon-get"></a>
                                                            </p>
                                                        </li>
                                                        <li>
                                                            <p class="actName">
                                                                <a href="">桂月好礼缤纷送</a>
                                                            </p>
                                                            <p>
                                                                <img src="img/8.jpg" alt="">
                                                            </p>
                                                            <p>
                                                                <span>
                                                                    <b>23</b>天后结束
                                                                </span>
                                                            </p>
                                                            <p>
                                                                <a href="" class="sprite icon-get"></a>
                                                            </p>
                                                        </li>

                                                    </ul>
                                                </div>
                                            </div>
                                            <div class="swiper-scrollbar">
                                                <div class="swiper-scrollbar-drag">

                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                </div>

                            </div>
                        </div>
                    </div>
                    <!-- 热门活动 -->
                    <div class="mode_r">
                        <div class="act-hot">
                            <div class="title">热门活动</div>
                            <div class="act-hot-list">
                                <ul>
                                    <li>
                                        <a href="">
                                            <img src="img/hot1.jpeg" alt="">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="img/hot2.jpeg" alt="">
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 热门推荐 -->
                <div class="mode mode-3 index-show">
                    <div class="mode_l">
                        <div class="act act-tj">
                            <div class="title">热门推荐
                                <a href="">更多 +</a>
                            </div>
                            <div class="act_btn_more">
                                <a href="" class="icon-actCenter">宿命之门</a>
                            </div>
                            <div class="act_con">
                                <ul class="act-hd tj">
                                    <li class="active">
                                        <a href="javascript:;" style="color: red;">最热</a>
                                        <span class="sprite icon-push"></span>
                                    </li>
                                    <li>
                                        <a href="javascript:;">周一</a>
                                        <span class="sprite icon-push"></span>
                                    </li>
                                    <li>
                                        <a href="javascript:;">周二</a>
                                        <span class="sprite icon-push"></span>
                                    </li>
                                    <li>
                                        <a href="javascript:;">周三</a>
                                        <span class="sprite icon-push"></span>
                                    </li>
                                    <li>
                                        <a href="javascript:;">周四</a>
                                        <span class="sprite icon-push"></span>
                                    </li>
                                    <li>
                                        <a href="javascript:;">周五</a>
                                        <span class="sprite icon-push"></span>
                                    </li>
                                    <li>
                                        <a href="javascript:;">周六</a>
                                        <span class="sprite icon-push"></span>
                                    </li>
                                    <li>
                                        <a href="javascript:;">周天</a>
                                        <span class="sprite icon-push"></span>
                                    </li>
                                </ul>
                                <div class="act-bd">
                                    <div class="tab-panel">
                                        <div class="works-control">
                                            <div class="laypage_main">
                                                <a href="javascript:;" class="laypage_prev">上一页</a>
                                                <a href="javascript:;" class="laypage_next">下一页</a>
                                            </div>
                                        </div>
                                        <div class="works-list">
                                            <ul style="display: block;">
                                                <li class="list">
                                                    <a href="" title="增幅书打什么装备上">
                                                        <p class="work-cover">
                                                            <img src="img/9.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">增幅书打什么装备上</span>
                                                            <span class="work-subtitle">不同人群有不同的选择</span>
                                                        </p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" title="各大团本收益一览">
                                                        <p class="work-cover">
                                                            <img src="img/10.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">各大团本收益一览</span>
                                                            <span class="work-subtitle">让你明明白白摸金团本</span>
                                                        </p>
                                                    </a>
                                                </li>

                                                <li>
                                                    <a href="" title="垫刀强化15苍穹成功？">
                                                        <p class="work-cover">
                                                            <img src="img/11.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">垫刀强化15苍穹成功？</span>
                                                            <span class="work-subtitle">《这是高手》第六期</span>
                                                        </p>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul>
                                                <li class="list">
                                                    <a href="" title="增幅书打什么装备上">
                                                        <p class="work-cover">
                                                            <img src="img/12.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">增幅书打什么装备上</span>
                                                            <span class="work-subtitle">不同人群有不同的选择</span>
                                                        </p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" title="各大团本收益一览">
                                                        <p class="work-cover">
                                                            <img src="img/12.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">各大团本收益一览</span>
                                                            <span class="work-subtitle">让你明明白白摸金团本</span>
                                                        </p>
                                                    </a>
                                                </li>

                                                <li>
                                                    <a href="" title="垫刀强化15苍穹成功？">
                                                        <p class="work-cover">
                                                            <img src="img/12.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">垫刀强化15苍穹成功？</span>
                                                            <span class="work-subtitle">《这是高手》第六期</span>
                                                        </p>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul>
                                                <li class="list">
                                                    <a href="" title="增幅书打什么装备上">
                                                        <p class="work-cover">
                                                            <img src="img/13.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">增幅书打什么装备上</span>
                                                            <span class="work-subtitle">不同人群有不同的选择</span>
                                                        </p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" title="各大团本收益一览">
                                                        <p class="work-cover">
                                                            <img src="img/13.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">各大团本收益一览</span>
                                                            <span class="work-subtitle">让你明明白白摸金团本</span>
                                                        </p>
                                                    </a>
                                                </li>

                                                <li>
                                                    <a href="" title="垫刀强化15苍穹成功？">
                                                        <p class="work-cover">
                                                            <img src="img/13.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">垫刀强化15苍穹成功？</span>
                                                            <span class="work-subtitle">《这是高手》第六期</span>
                                                        </p>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul>
                                                <li class="list">
                                                    <a href="" title="增幅书打什么装备上">
                                                        <p class="work-cover">
                                                            <img src="img/14.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">增幅书打什么装备上</span>
                                                            <span class="work-subtitle">不同人群有不同的选择</span>
                                                        </p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" title="各大团本收益一览">
                                                        <p class="work-cover">
                                                            <img src="img/14.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">各大团本收益一览</span>
                                                            <span class="work-subtitle">让你明明白白摸金团本</span>
                                                        </p>
                                                    </a>
                                                </li>

                                                <li>
                                                    <a href="" title="垫刀强化15苍穹成功？">
                                                        <p class="work-cover">
                                                            <img src="img/14.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">垫刀强化15苍穹成功？</span>
                                                            <span class="work-subtitle">《这是高手》第六期</span>
                                                        </p>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul>
                                                <li class="list">
                                                    <a href="" title="增幅书打什么装备上">
                                                        <p class="work-cover">
                                                            <img src="img/15.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">增幅书打什么装备上</span>
                                                            <span class="work-subtitle">不同人群有不同的选择</span>
                                                        </p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" title="各大团本收益一览">
                                                        <p class="work-cover">
                                                            <img src="img/15.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">各大团本收益一览</span>
                                                            <span class="work-subtitle">让你明明白白摸金团本</span>
                                                        </p>
                                                    </a>
                                                </li>

                                                <li>
                                                    <a href="" title="垫刀强化15苍穹成功？">
                                                        <p class="work-cover">
                                                            <img src="img/15.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">垫刀强化15苍穹成功？</span>
                                                            <span class="work-subtitle">《这是高手》第六期</span>
                                                        </p>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul>
                                                <li class="list">
                                                    <a href="" title="增幅书打什么装备上">
                                                        <p class="work-cover">
                                                            <img src="img/16.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">增幅书打什么装备上</span>
                                                            <span class="work-subtitle">不同人群有不同的选择</span>
                                                        </p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" title="各大团本收益一览">
                                                        <p class="work-cover">
                                                            <img src="img/16.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">各大团本收益一览</span>
                                                            <span class="work-subtitle">让你明明白白摸金团本</span>
                                                        </p>
                                                    </a>
                                                </li>

                                                <li>
                                                    <a href="" title="垫刀强化15苍穹成功？">
                                                        <p class="work-cover">
                                                            <img src="img/16.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">垫刀强化15苍穹成功？</span>
                                                            <span class="work-subtitle">《这是高手》第六期</span>
                                                        </p>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul>
                                                <li class="list">
                                                    <a href="" title="增幅书打什么装备上">
                                                        <p class="work-cover">
                                                            <img src="img/17.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">增幅书打什么装备上</span>
                                                            <span class="work-subtitle">不同人群有不同的选择</span>
                                                        </p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" title="各大团本收益一览">
                                                        <p class="work-cover">
                                                            <img src="img/17.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">各大团本收益一览</span>
                                                            <span class="work-subtitle">让你明明白白摸金团本</span>
                                                        </p>
                                                    </a>
                                                </li>

                                                <li>
                                                    <a href="" title="垫刀强化15苍穹成功？">
                                                        <p class="work-cover">
                                                            <img src="img/17.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">垫刀强化15苍穹成功？</span>
                                                            <span class="work-subtitle">《这是高手》第六期</span>
                                                        </p>
                                                    </a>
                                                </li>
                                            </ul>
                                            <ul>
                                                <li class="list">
                                                    <a href="" title="增幅书打什么装备上">
                                                        <p class="work-cover">
                                                            <img src="img/18.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">增幅书打什么装备上</span>
                                                            <span class="work-subtitle">不同人群有不同的选择</span>
                                                        </p>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="" title="各大团本收益一览">
                                                        <p class="work-cover">
                                                            <img src="img/18.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">各大团本收益一览</span>
                                                            <span class="work-subtitle">让你明明白白摸金团本</span>
                                                        </p>
                                                    </a>
                                                </li>

                                                <li>
                                                    <a href="" title="垫刀强化15苍穹成功？">
                                                        <p class="work-cover">
                                                            <img src="img/18.jpg" alt="">
                                                        </p>
                                                        <p class="works-mask"></p>
                                                        <p class="work-text">
                                                            <span class="work-title">垫刀强化15苍穹成功？</span>
                                                            <span class="work-subtitle">《这是高手》第六期</span>
                                                        </p>
                                                    </a>
                                                </li>
                                            </ul>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="mode_r"></div>
                    </div>
                    <div class="mode_r">
                        <div class="star">
                            <div class="title">
                                明星主播<a href="">更多 +</a>
                            </div>
                            <div class="star-list">
                                <ul>
                                    <li>
                                        <a href="">
                                            <p class="star-cover"></p>
                                            <p class="star-mask"></p>
                                            <p class="star-head">
                                                <img src="img/zb.jpg" alt="">
                                            </p>
                                            <p class="star-name">AzZ丶雷风</p>
                                            <p class="star-info">
                                                <span class="sprite icon-fllow"></span>
                                                热度：<em>269260</em>
                                            </p>
                                            <p class="star-state">
                                                直播中 <span class="sprite icon-live"></span>
                                            </p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <p class="star-cover"></p>
                                            <p class="star-mask"></p>
                                            <p class="star-head">
                                                <img src="img/zb2.jpg" alt="">
                                            </p>
                                            <p class="star-name">AzZ丶杰哥助您圆梦</p>
                                            <p class="star-info">
                                                <span class="sprite icon-fllow"></span>
                                                热度：<em>269260</em>
                                            </p>
                                            <p class="star-state">
                                                直播中 <span class="sprite icon-live"></span>
                                            </p>
                                        </a>
                                    </li>
                                </ul>
                            </div>

                        </div>
                    </div>
                </div>
                <!-- 品牌专区 -->
                <div class="mode mode-4 index-show">
                    <div class="mode_l">
                        <div class="pp">
                            <div class="title">
                                品牌专区 <a href="">更多 +</a>
                            </div>
                            <div class="pp-list">
                                <ul>
                                    <li class="pp-first">
                                        <a href="">
                                            <img src="img/pp1.jpeg" alt="">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="">
                                            <img src="img/pp2.jpeg" alt="">
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>
                    <div class="mode_r">
                        <div class="mt">
                            <div class="mt-gg">
                                <ul>
                                    <li>
                                        <a href="" title="预约领取黑钻金秋套等壕礼">
                                            <img src="img/mt1.jpeg" alt="">
                                        </a>
                                    </li>
                                    <li>
                                        <a href="" title="太平洋游戏网分享抽取Q币奖励">
                                            <img src="img/mt2.png" alt="">
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="mt-news">
                                <ul>
                                    <li>
                                        <a href="">灵魂之冢还能这样玩？这些小技巧一定要知道</a>
                                    </li>
                                    <li>
                                        <a href="">DNF国服职业平衡来袭！剑帝有望成为新幻神 关羽小幅提升</a>
                                    </li>
                                    <li>
                                        <a href="">光剑是鬼剑士的浪漫 五把超炫光剑幻化推荐</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="mt-more">
                                <a href="">更多 +</a>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="mode-b index-show">
            <div class="mode_l">
                <ul>
                    <li class="pp1">
                        <a href="">
                            <h3>世界观设定站</h3>
                            <p>探访赫尔德的密室</p>
                        </a>
                    </li>
                    <li class="pp2">
                        <a href="">
                            <h3>阿拉德创世纪</h3>
                            <p>国创 . 新篇</p>
                        </a>
                    </li>
                    <li class="pp3">
                        <a href="">
                            <h3>官方动画第二季</h3>
                            <p>预告</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="mode_r">
                <ul>
                    <li class="b1">
                        <a href=""></a>
                    </li>
                    <li class="b2">
                        <a href=""></a>
                    </li>
                    <li class="b3">
                        <a href=""></a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="gfooter">
            <div class="foot foot_dark">
                <div class="foot_cpright">
                    <div class="foot_lefts">
                        <a href="" class="foot_ieg_logo">腾讯互动娱乐</a>
                        <span class="foot_left sprite-bg tencent-game"></span>
                    </div>
                    <ul class="foot_links">
                        <li class="link_map">
                            <a href="">腾讯互动娱乐</a>
                            <span class="f_line">|</span>
                            <a href="">服务条款</a>
                            <span class="f_line">|</span>
                            <a href="">腾讯游戏隐私保护指引</a>
                            <span class="f_line">|</span>
                            <a href="">腾讯游戏招聘</a>
                            <span class="f_line">|</span>
                            <a href="">腾讯游戏客服</a>
                            <span class="f_line">|</span>
                            <a href="">游戏地图</a>
                            <span class="f_line">|</span>
                            <a href="">商务合作</a>
                            <span class="f_line">|</span>
                            <a href="">腾讯网</a>
                            <span class="f_line">|</span>
                            <a href="">网站导航</a>
                        </li>
                        <li class="copyright_zh">
                            <a href="">腾讯公司版权所有</a>
                        </li>
                        <li class="copyright_en">
                            <p class="copoyrigtht_txt">COPYRIGHT © 1998 - 2019 TENCENT. ALL RIGHTS RESERVED.</p>
                            <p class="copoyrigtht_txt">COPYRIGHT © NEOPLE.INC., ALL RIGHTS RESERVED.</p>
                            <p class="copoyrigtht_txt">抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防受骗上当 适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活</p>
                        </li>
                        <li class="limit_age">本网络游戏适合13+岁的用户使用；为了您的健康，请合理控制游戏时间。</li>
                        <li class="copyright_public">
                            <a href="">粤网文[2017]6138-1456号</a>
                            <span class="f_line">|</span>
                            <a href="">（总）网出证（粤）字第057号</a>
                        </li>
                        <li class="copyright_private">
                            文网进字[2014]034号
                            <span class="f_line">|</span>
                            ISBN 978-7-89988-060-9
                            <span class="f_line">|</span>
                            新广出审[2014]952号
                            <span class="f_line">|</span>
                            全国文化市场统一举报电话：12318
                        </li>
                    </ul>
                </div>
            </div>

        </div>
    </div>

    <script src="dnf.js"></script>
</body>

</html>